// Stats Overview
// (for the site list and the post detail view)
.stats__overview,
.stats__latest-post-summary {
	.module-header__link {
		display: block;
		white-space: nowrap;
		overflow: hidden;

		@include breakpoint-deprecated( "<480px" ) {
			&:focus {
				color: var(--color-link-dark);
			}
		}
	}

	.module-header__site-icon {
		float: left;
		margin: 7px 8px 0 0;
	}

	.module-header__right-icon {
		position: relative;
		float: right;
		background: var(--color-surface);
		padding-right: 15px;

		// Fade out value if text is very long
		&::before {
			@include stats-fade-text( color-mix(in srgb, var(--color-surface) 0%, transparent), var( --color-surface ) );
		}

		.gridicon {
			vertical-align: middle;
		}
	}

	.value {
		font-size: $font-title-medium;
		padding: 16px 0;
	}
}

//TODO see if this is used anywhere
.stats__latest-post-summary {
	.value {
		font-size: $font-title-large;
	}
}
